import { StyleSheet } from 'react-native';

const AVATAR_SIZE = 64

export default StyleSheet.create({
  wrap: {
    alignItems: 'stretch',
    flex: 1
  },
  header: {
    backgroundColor: '#fff',
    marginVertical: 10,
    padding: 10,
    flexDirection: 'row',
    alignItems: 'stretch'
  },
  avatar: {
    borderRadius: AVATAR_SIZE / 2,
    overflow: 'hidden',
    height: AVATAR_SIZE,
    width: AVATAR_SIZE,
    marginRight: 10,
  },
  avatarDef: {
    backgroundColor: '#ccc',
    justifyContent: 'center',
    alignItems: 'center'
  },
  center: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'flex-start'
  },
  name: {
    fontSize: 22,
    color: '#666',
    marginBottom: 5
  },
  pointWrap: {
    fontSize: 14,
    color: '#999',
    borderWidth: 1,
    borderColor: '#e6b800',
    borderRadius: 5,
    color: '#e6b800',
    paddingHorizontal: 4
  },
  point: {
    fontWeight: '300',
    color: '#ff8000'
  },
  editBtn: {
    flexDirection: 'row',
    alignItems: 'center',
  },
  list: {
    marginBottom: 10
  },
  logout: {
    padding: 10,
    paddingTop: 0
  }
})